<template>
  <div id="app">
    <!--<img src="./assets/logo.png">-->
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'app'
  }

</script>

<style>
  #app {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
  }
  
  html {
    /*有什么作用呢？*/
    /*使用em百分比布局好处是用户可以根据窗口缩放来使字体大小进行改变，而使用了px就是固定的了*/
    font-size: 62.5%;
    color: #222;
    height: 100%;
  }
  /*设置文字被选中时的颜色*/
  
   ::selection {
    background-color: #b3d4fc;
    text-shadow: none;
  }
  /*设置无序列表的样式*/
  
  li {
    /*把无序列表前面的小圆点去掉*/
    list-style: none;
  }
  /*清除浏览器默认样式，不然的话ul会自带一个margin*/
  /*但是这个没有在normalize.css里面写着...*/
  
  ul,
  li {
    margin: 0;
    padding: 0;
  }
  
  body {
    /*12px*/
    font-size: 1.2rem;
    /*行距1.5-1.8*/
    line-height: 1.5;
    /*背景色*/
    /*background-color: #F7F5F3;*/
    height: 100%;
  }
  
  a {
    color: #666;
    /*超链接默认没有下划线*/
    text-decoration: none;
  }
  /*鼠标悬浮，点击之后超链接变成的样式*/
  
  a:hover,
  a:active {
    color: #0ae;
    /*超链接加上下划线*/
    text-decoration: underline;
  }
</style>